@charset "utf-8";
/* CSS Document */
/**********************************/
/**** Font
/**********************************/

@font-face {
    font-family: 'gotham_boldregular';
    src: url('gotham-bold-webfont.eot');
    src: url('gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('gotham-bold-webfont.woff') format('woff'),
         url('gotham-bold-webfont.ttf') format('truetype'),
         url('gotham-bold-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_bookregular';
    src: url('gotham-book-webfont.eot');
    src: url('gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('gotham-book-webfont.woff') format('woff'),
         url('gotham-book-webfont.ttf') format('truetype'),
         url('gotham-book-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_mediumregular';
    src: url('gotham-medium-webfont.eot');
    src: url('gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('gotham-medium-webfont.woff') format('woff'),
         url('gotham-medium-webfont.ttf') format('truetype'),
         url('gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_lightregular';
    src: url('ufonts.com_gotham-light-webfont.eot');
    src: url('ufonts.com_gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('ufonts.com_gotham-light-webfont.woff') format('woff'),
         url('ufonts.com_gotham-light-webfont.ttf') format('truetype'),
         url('ufonts.com_gotham-light-webfont.svg#gotham_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**********************************/
/**** MAIN SITE
/**********************************/
body {
	background: url(../images/bg-body.png) #000000 top center repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size:12px;
}
a {
	color: #ff0000;
	text-decoration:underline;	
}
a img {
	border:none;
}
.container
{
	width: 960px;
	margin: 0 auto;
}
hr {
	background-color:#ff0000;
	border:none;
	height:1px;
}
/**********************************/
/**** HEADER
/**********************************/
header {
	width: 100%;
	overflow:hidden;
	background:url(../images/bg-header.jpg) bottom center #000000 no-repeat;
	padding-top: 5px;
}

	header #logo {
		float:left;	
		margin-top: 5px;
	}
	
	header #right {
		float:right;			
	}
	header #lang {	
		margin: 0;
		padding: 0;
		float: left;
		margin: 5px 15px;
	}
		header #lang a, header #lang img {
			font-size: 9px;	
			color:#ffffff;
			padding-bottom: 10px;
			float:right;
		}
		
		#subscribe {
			background:url(../images/subscribe.png) top right no-repeat;
			float:right;
			width: 270px;
		}
		#subscribe .text {
			font-family:gotham_boldregular, arial;
			font-size: 12px;
			float:left;
			text-transform:uppercase;
			background:none;
			padding: 6px 10px;
		}
		#subscribe .form input {
			background:none;
			color:#898989;
			font-size:11px;
			border:none;
			margin: 6px;
		}	
		
	nav {
		display:block;
		text-align:center;
		background:#000000;
		padding:1px 0 0 0;
	}
	nav ul {
		list-style:none;
		margin:0 auto;
		padding:0;		
		 /* For IE, the outcast */
		 display: inline-block;
        zoom:1;
        *display: inline;
		
	}
		nav ul li {
			float:left;
		}
		nav ul li a {
			display:block;			
			font-family: 'gotham_mediumregular';
			color:#ffffff;
			text-decoration:none;
			font-size: 13px; 
			background : #444444;
			padding: 10px 38px;
			border-right: 1px solid #595959;
		}
		nav ul li a:hover, nav ul li.active a {
			/*font-family: 'gotham_boldregular';*/
			background:url(../images/bg-mousehover.gif) bottom left repeat-x #545454;
		}
	#series {
		background: url(../images/bg-series.png) top center #000000 no-repeat;	
		margin-top: -2px;
		padding: 8px 0 5px 180px;
		overflow:hidden;
	}
		.shadow {
			-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75);
			-moz-box-shadow:    0px 5px 5px rgba(0, 0, 0, 0.75);
			box-shadow:         0px 5px 5px rgba(0, 0, 0, 0.75);	
		}
		#series a {
			color: #ffffff;
			text-decoration:none;
			font-weight:bold;	
			float:left;
			margin-top: 2px;
		}
		#series img {
			float: left;
			margin: 0 8px 0 25px;
		}
/**********************************/
/**** Content
/**********************************/	
#content {
	margin-top: 25px;
	overflow:hidden;
}
	.header {
		font-family:gotham_boldregular;
		font-size:13px;	
		padding: 10px 10px 10px 10px;
		text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
	}
	.header .more a{
		float: right;			
		color:#ffffff;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	.yellowbg {
		background:url(../images/bg-yellowh.jpg) top left no-repeat;	
	}
	.contentheader {
		background:url(../images/bg-silverh.png) top center no-repeat;			
		font-family: 'gotham_mediumregular';
		font-size:13px;
		margin-bottom:4px;
	}
	.greystripbg {
		margin-top: 5px;
		background: url(../images/bg-stripgrey.jpg) top center;
		font-family:'gotham_bookregular';
		padding: 10px 15px;
		height: 50px;
	}
	.blackbg {
		padding: 10px 15px;
		background:#000000;
	}
	.yellowtext {
		color: #fff200;	
	}
	.greybgtxt {
		background-color:#252525;	
		padding: 10px 15px;
		margin-bottom:1px;
	}
		#filter {
			margin: 15px;
		}
		select {
			font-family:Arial, Helvetica, sans-serif;
			font-size: 12px;
			color:#898989;			
			background:none;
			border:none;
			padding: 0px 0 0 5px;
			height:24px;
			width: 140px;
		}		
	.greyfull {
		margin:-15px -15px 0px -15px;	
	}
		#gallerycontent {
			clear:both;	
			overflow:hidden;	
			margin-bottom: 20px;		
		}
		#gallerycontent a {
			width: 165px;
			height: 111px;
			border: 1px solid #ffffff;		
			background:#000000;
			float:left;
			background-position: center center;
			background-repeat:no-repeat;
		}
	.redbg {
		background:url(../images/bg-redh.jpg) top left no-repeat;
	}
/**********************************/
/**** Content Left
/**********************************/
.leftarea {
	width : 670px;
	float:left;	
	overflow:hidden;
}
	#left1, #left2 {
		width: 325px;	
		margin-top: 20px;
	}
	#left1 {
		float:left;	
	}
	#left2 {
		float:right;	
	}
		.greybg {
			background:url(../images/bg-greyh.jpg) top right no-repeat;				
		}
		.newscontent, .videocontent {
			position:relative;	
			line-height:150%;
		}
			.videocontent a img {
				margin-top: 5px;	
			}
		.newscontent h3 {
			margin: 0;
			padding:0;
			font-size:16px;	
		}
		#left2 #youtubelogo {
			position:absolute;
			bottom:0px;
			right:20px;	
		}
	.widget {
		height:72px;	
	}
	#paging {
		background-color:#252525;
		text-align:center;
		padding: 15px;	
		display:block;
		overflow:hidden;
		margin-top: -1px;
	}
		#paging a {
			background: #ffffff;
			color:#434343;
			font-size:8.5px;
			text-decoration:none;
			font-weight:bold;	
			padding: 5px 15px;
			overflow:hidden;
		}
		#paging a.number {
			padding: 5px 10px;	
		}
	.profile {
		background: url(../images/bg-competitorprofile.jpg) top left no-repeat;
		padding: 15px;	
		position: relative;
		min-height:115px;
		margin-bottom: 20px;
	}
		.profile .specs {
			position: absolute;
			top: 15px;
			right:15px;	
		}
			.specsdetails h3{
				margin:0;
				padding: 5px 15px;
				background:#cf1218;
			}
			.specsdetails .text .catheading {
				font-size: 14px;
				color:#c69c6d;
			}
			.specsdetails .text {
				padding: 10px 15px;	
			}
		.profile .text {
			overflow:hidden;
			padding-left: 10px;
			width: 225px;
			float:left;
		}
		.profile img {
			float:left;	
			margin-right: 5px;
		}
		.profile table {
			margin-top: 10px;	
		}
		.profile table tr td {
			padding: 2px 0;	
		}
		.profile table tr td.odd {
			color: #c69c6d;	
			font-weight: bold;
			vertical-align:top;
		}
	#tab {
		margin-top: 20px;
	}
		#tab ul {
			list-style:none;
			margin:0;
			padding:0;			
			overflow:hidden;
			border-bottom: 1px solid #cf1218;
		}
		#tab ul li {
			float:left;	
			display:block;
		}
			#tab ul li a {
				font-size: 16px;
				color:#ffffff;
				text-decoration:none;
				background:#171717;
				padding: 5px 10px;
				font-weight:bold;
				display:block;
				margin-right: 2px;
			}
			#tab ul li[aria-selected="true"] a {
				background:#cf1218;	
			}
/**********************************/
/**** Slider
/**********************************/
	#slider {
		clear:both;
		overflow:hidden;
	}
	
	
/**********************************/
/**** Content Right
/**********************************/
.rightarea {
	width: 270px;
	float: right;
	overflow:hidden;
}
	#gallery {
		height: 188px;
		overflow:hidden;
	}	
		#gallery img {
			width:133px;
			border: 1px solid #ffffff;
		}
	#standings {
		clear:both;
		margin-top: 20px;
	}
	#standings table, .results table {
		margin-top: 3px;	
		line-height:140%;
	}
	#standings table tr th, .results table tr th {
		background: url(../images/bg-stripgrey.jpg);
		padding: 4px 0;
		font-family: 'gotham_mediumregular';
		font-weight:normal;
	}
	#standings table tr td, .results table tr td {
		padding: 4px 0;
		background:#252525;
		border-bottom:1px solid #323232;	
	}
	.results table tr td, .results table tr th { 
		padding: 4px 0px 4px 20px;
	}
/**********************************/
/**** Partners
/**********************************/
#partners {
	margin: 16px 0 25px 0;
	clear:both;
	background:url(../images/bg-stripgrey.jpg);	
	line-height:0;
	overflow:hidden;
}
	#partners img {
		float: left;	
	}
	#partners img.logo {
		margin: 10px 25px;
	}
/**********************************/
/**** Partners
/**********************************/
footer {
	margin-bottom: 15px;
	overflow:hidden;
}
	#copyright {
		float:left;	
	}
	#followus {
		float: right;	
	}
	
/**********************************/
/**** Contact
/**********************************/
#contact textarea {
	width:334px;
	height:75px;
	resize: none;
}
	#contact input, #contact textarea{
		width:335px;
		padding: 5px 10px;
		background-color: #fff;
		border: 1px solid #fff;	
		font-size: 11px;
		color:#706363;
		font-family:Helvetica, sans-serif;
		margin: 0 0 12px 0;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;​	
		height:20px;			  
	}
				#contact input.submit {
					display:block;
					margin-left: -20px;
					background:url(../images/btn-submit.png) top center no-repeat;
					border:none;
					width:111px;
					height:36px;
					cursor:pointer;	
				}
				
/**********************************/
/**** Series
/**********************************/				
	.seriesimg {
		position:relative;	
		font-family:helvetica;
	}
		.seriesimg .overlay {
			background-image: linear-gradient(left top, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 28%);
			background-image: -o-linear-gradient(left top, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 28%);
			background-image: -moz-linear-gradient(left top, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 28%);
			background-image: -webkit-linear-gradient(left top, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 28%);
			background-image: -ms-linear-gradient(left top, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 28%);
			width: 630px;
			height:103px;
			position:absolute;
			top:0;
			left:0;
			padding: 20px;
		}
		.seriesimg .country {
			font-size: 46px;
		}
		.seriesimg .date {
			font-size:30px;
			color:#898989;	
		}
		#upcomingrace img {
			width: 30px;
			height:20px;	
		}
		#series img {
			width: 30px;
			height:20px;	
		}